<template>
   <div class="article">
      <div class="el-flex">
          <el-radio-group v-model="articleType" size="small">
            <el-radio-button label="1">公众号文章素材</el-radio-button>
            <el-radio-button label="2">微伴文章素材</el-radio-button>
          </el-radio-group>
          <div class="el-flex-1" style="padding-left:20px" v-if="articleType==1"><el-tag ><i class="el-icon-message-solid" ></i> 可同步公众号素材库文章素材（已发送的素材无法同步阅读数、评论等数据） </el-tag></div>
       </div>
       <div class="content" style="padding-top:10px">
          <div v-if="articleType==1">
            <el-empty description="暂无文章素材"> 
              <div style="font-size:12px;margin-bottom:15px;color:#999">可添加公众号，同步公众号文章素材</div>
              <el-button type="primary" size="small">添加公众号</el-button></el-button>
            </el-empty>
          </div>
          <div v-if="articleType==2">
             <div class="el-flex">
                <div class="el-flex-1">文章素材 （共0篇）</div>
                <div style="padding-right:10px">
                   <el-input  placeholder="请输入内容"   prefix-icon="el-icon-search"  v-model="input2" size="small">
                   </el-input>
                </div>
                <el-button type="primary" size="small" >新建素材</el-button>
             </div>
             <el-empty description="暂无文章素材"> 
              <el-button type="primary" size="small">新建素材</el-button></el-button>
            </el-empty>
          </div>
       </div>
   </div>
</template>

<script>
export default {
    name:'article',
    data(){
      return{
         articleType:'1',
         input2:''
      }
    }
}
</script>

<style lang="scss" scoped>

</style>